import '../../../../heathManege/ScoreManagement/components/ModalseeS2/ModalseeS2.css'
import React, { useState } from 'react';
import { Modal, Button } from 'antd'
import './ModalseeE.css'
const ModalseeE = (props) => {
    
    const onChange = e => {
        console.log(e);
    };
    // 添加
    const [isModalVisible4, setIsModalVisible4] = useState(false);

    const showModal4 = () => {
        setIsModalVisible4(true);
    };

    const handleOk4 = () => {
        setIsModalVisible4(false);
    };

    const handleCancel4 = () => {
        setIsModalVisible4(false);
    };
    // 模态框title
    const CustomTitle4 = () => {
        return (
            <div className='CustomTitle_title'>
                查看
            </div>
        )
    }
    return (
        <div >
            <a onClick={showModal4}>查看</a>
            <Modal cancelText='返回' okText='确认' width="715px" title={<CustomTitle4 ></CustomTitle4>} visible={isModalVisible4} onOk={handleOk4} onCancel={handleCancel4} footer={[
                <Button id="ModalseeS3Btn1" key="back" onClick={handleCancel4}>返回</Button>,
            ]}>
                <div className="ModalseeE">
                    <div>
                        <p>问题名称</p>
                        <p>答案1</p>
                        <p>答案2</p>
                        <p>状态</p>
                    </div>
                    <div>
                        <p>{props.content.Question_name}</p>
                        <p>{props.content.answer1}</p>
                        <p>{props.content.answer2}</p>
                        <p>{props.content.State==1?"启用":"禁用"}</p>
                    </div>
                </div>
            </Modal>
        </div>
    );
};
export default ModalseeE;